.select-input {
	$this: &;

	display: inline-flex;
	align-items: center;

	cursor: pointer;

	&:not(&--multiline) {
		#{$this}__display,
		#{$this}__placeholder {
			@include truncation;
		}
	}

	&__display {
		width: 100%;
		padding: $input-padding-y $input-padding-x;
	}

	&__placeholder {
		color: $input-placeholder-color;
	}

	&__chevron {
		flex: none;
		color: $icon-color;
		margin: 0 $input-padding-x;
	}
}
